@import url("rem.less");
.main {
    margin-bottom: 0 !important;
    .container {
        .mt(285);
        .list {
            background: #fff;
            position: fixed;
            .t(140);
            left: 0;
            z-index: 99;
            border: 1px solid #ccc;
            border-left: none;
            border-right: none;
            width: 100%;
            .swiper-slide {
                .w(150);
                .lh(140);
                text-align: center;
                border-bottom: 5px solid transparent;
                .font-dpr(12px);
                box-sizing: border-box;
            }
            .active-nav {
                border-bottom: 5px solid #d70057;
                color: #d70057;
                .font-dpr(13px);
                font-weight: bold;
                box-sizing: border-box;
            }
        }
        .opts {
            .options {
                .dis;
                flex-wrap: wrap;
                text-align: center;
                justify-content: flex-start;
                a {
                    width: 25%;
                    background: #fff;
                    img {
                        width:100%;
                    }
                }
            }
        }
    }
}